

/* Grid
* used example source from:
http://jquery-ui.googlecode.com/svn/branches/labs/grid/tests/static/grid/default.html
--the ui-grid namespace is changedto ds-grid, so that there is no collision in future releases of jQueryUI css framework
based on that description :
http://jqueryui.pbworks.com/GridTable
		----------------------------------*/
.ds-grid { width: 100%; padding-top: .8em; padding-bottom: .8em;  background-image: none; }
.ds-grid .ds-grid-content { width: 100%; border-collapse: collapse; }
.ds-grid table tbody td, .ds-grid .ds-grid-header, .ds-grid table thead th { padding: .4em;  }
.ds-grid table tbody td {  text-align: right; font-weight: normal;  }
.ds-grid .ds-grid-header, .ds-grid .ds-grid-footer { padding-top:0.4em;padding-bottom: 0.4em; padding-left: 1em;padding-right: 1em; text-align: center; }
.ds-grid .ds-grid-footer { background-image: none; font-weight: normal; text-align: left; }
.ds-grid table thead a { display: block;  }
.ds-grid .ui-icon { float: right; }
.ds-grid .ds-grid-paging { float: right; }
.ds-grid .ds-grid-paging-prev { float: left; width: 16px; height: 16px; }
.ds-grid .ds-grid-paging-next { float: right; width: 16px; height: 16px; }
.ds-grid .ds-grid-results {  }

/*
titlebar.xhtml style :
width:90%; - should be moved to special class.. .ds-width for example..
*/
.ds-titlebar{
    position:relative;width:100%;display:block;border-bottom:0.1em solid black;height:37px;margin-top: 0.5em;margin-bottom: 1em;
}
.ds-titlebar-title{position:absolute;bottom:0px;left:0px;
}
.ds-titlebar-title h2{margin:0;font-size: 1.2em;}
.ds-titlebar-buttonset{position:absolute;top:0px;right:0px;}


/*
.ds-form-grid {text-align: left;width: 230px;padding-bottom: 30px;}
.ds-form-grid label{padding-right: 10px;}
.ds-form-grid td{padding: 5px;}
.ds-field{float:left;}
.ds-field-group{}
.ds-label{width:160px;display:block;float:left;text-align: right;}
.crud-button-bottom{float:left;left:0px;}
*/
/* adjust jQuery dialog - deltaset.confirm */
.ds-confirm .ui-dialog-buttonpane button{padding:0}
.ds-confirm .ui-dialog-buttonpane{padding:0;border:0}




.ds-grid-content{}
.ds-grid-row{cursor: pointer}
.ds-grid-detail-row{}


.ds-datepicker{}
.ds-label{}
.ds-field{}
.ds-message{}

.ds-form-grid{}

.ds-margin-top{margin-top: 2em;}

.ds-label{  float:left;
            margin-left:1%;
            margin-top:2%;
            text-align: right;
            width:30%;
            font-weight: bold;
}
.ds-field{width:65%;margin-left:1%;float: left;margin-top:2%; text-align: left; }
.ds-fieldset{width: 98%;border:0;}
.ds-message{float:right;width: 65%;text-align: right;margin-left: 30%;margin-right: 2%;}
fieldset.ds-fieldset ul.ui-state-highlight{margin:1em;}
.ds-dialog .ds-field{overflow-x:hidden;}

.ds-grid-crud-action{margin-left:3px;margin-right:3px;border:0; background-color: transparent;cursor:  pointer;}
.ds-float-left{float:left;}
.ds-float-right{float:left;}


/* 
 * controlls over the position of labels in a form
 */
.ds-fieldset-align-left .ds-label{text-align: left;width:30%;}
.ds-fieldset-align-left .ds-field{text-align: left;width:65%;}
.ds-fieldset-align-right .ds-label{text-align: right;width:30%;}
.ds-fieldset-align-right .ds-field{text-align: left;width:65%;}
.ds-fieldset-align-top-left .ds-label{text-align: left;width:95%;}
.ds-fieldset-align-top-left .ds-field{text-align: left;width:95%;}
.ds-fieldset-align-top-right .ds-label{text-align: right;width:95%;}
.ds-fieldset-align-top-right .ds-field{text-align: left;width:95%;}


/*
used for h:messages and form layout
*/
ul.ui-state-highlight{margin:15px;padding:5px;}
ul.ui-state-highlight li{list-style: none}
